iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0

EditText

介紹

文字輸入框

XML

基本樣式

<EditText
    android:id="@+id/editText"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:textSize="24sp"
    android:text="EditText"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

功能說明

  1. 襯線設定
    1. 襯線,適合內文或多行
      android:typeface="serif"
      
    2. 非襯線,適合標題或單行
      android:typeface="sans"
      
    3. 系統預設
      android:typeface="normal"
      
    4. 等寬字體
      android:typeface="monospace"
      
  2. 移除底線
    android:background="@null"
    
  3. 一直顯示滾動條
    android:scrollbars="vertical"
    android:fadeScrollbars="false"
    
  4. 橫向時不要全螢幕
    android:imeOptions="flagNoExtractUi"
    
  5. 第一次不要開啟軟鍵盤
    android:imeOptions="flagNoExtractUi"
    
  6. 第一次不要開啟軟鍵盤(點擊之後才得到焦點,彈出軟鍵盤)
    • 在 EditText 的 Layout 設定
    android:focusableInTouchMode="true"
    
  7. 限制輸入數字和小數點
    • 兩個選一個用
    android:digits="1234567890."
    android:inputType="numberDecimal"
    
  8. 只能一行
    android:inputType="text"
    android:lines="1"
    
  9. 設定輸入長度
    android:maxLength="數字"
    

ImageView

介紹

顯示圖片的東西

功能說明

  1. 顯示角度
    android:rotation="90"
    
  2. 圖片保持比例
    android:adjustViewBounds="true"
    
  3. 圖片顯示模示
    • 縮放圖像(保持圖像的縱橫比),使圖像的尺寸(寬度和高度)都等於或大於視圖的相應尺寸(減去填充)。所以會佔滿 ImageView,但是可能會顯示不完全圖片
      android:scaleType="center"
      
    • 縮小圖像均勻(保持圖像的縱橫比),使圖像的尺寸(寬度和高度)都等於或小於視圖的對應尺寸(減去填充)。
      android:scaleType="centerInside"
      
    • 保持原圖的縱橫比計算一個比例,但是也要確保原圖完全放入目標視圖內, 至少一個軸(X或Y)將精確配合。 結果以目標視圖為中心。默認屬性。
      android:scaleType="fitCenter"
      
    • 保持原圖的縱橫比計算一個比例,但是也要確保原圖完全放入目標視圖內, 至少一個軸(X或Y)將精確配合。END將結果對齊到目標視圖右下邊緣。
      android:scaleType="fitEnd"
      
    • 獨立地縮放X和Y,使原圖與目標完全匹配。 這可能會改變原圖的寬高比。
      android:scaleType="fitXY"
      
    • 繪製時使用圖像矩陣進行縮放。
      android:scaleType="matrix"
      
  4. 透明色碼
    • Android使用的色碼為透明度加16進位色碼,前兩位數字是透明值,後6位數字是16進位色碼。例如#CC000000為80%黑色、#99ff0000為60%紅色。
    • 透明度換算16進位色碼可參考下表。
透明百分比 色碼
不透明 100% FF
95% F2
90% E6
85% D9
80% CC
75% BF
70% B3
65% A6
60% 99
55% 8C
中間 50% 80
45% 73
40% 66
35% 59
30% 4D
25% 40
20% 33
15% 26
10% 1A
5% 0D
透明 0% 00

本來預記還有這些要補充,不過又快要十二點了,要改的東西太多,就改天吧

  1. Button(1)
  2. Switch(1)
  3. CheckBox(2)
  4. RadioButton(2)
  5. RadioGroup(2)
  6. FloatingActionButton(2)
  7. ScrollView(2)

上一篇
111/07 - 元件使用(1/2)
下一篇
111/09 - 視覺規劃(1/3) - 深淺色模式和隱藏 Toolbar
系列文
聽說 HackMD 開放 API 串接,那麼用 Kotlin 寫個筆記 App 吧!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言